.micro-notice-box {
  .el-icon-notice{
    &::before{
      content: '';
      display: block;
      width: 18px;
      height: 18px;
      background:url(../../../../../../../assets/micro-page/notice1.png);
      background-size:cover;
    }
  }
  .previewStyle {
    .noticeIcon {
      font-size: 18px;
      color: #464646;
      padding: 0 10px;
    }
    .border_box {
      width: 1px;
      height: 50%;
      background-color: #666;
    }
    .noticeText {
      font-size: 14px;
      color: #464646;
      line-height: 1;
      margin: 0 10px;
      white-space: nowrap;
      overflow: hidden;
      text-overflow:ellipsis;
      
    }
  }
  .rightWrap {
    .el-tabs__nav-scroll {
        display: flex;
        justify-content: center;
        .el-tabs__item {
          padding: 0 40px;
        }
    }
    .contentTitle {
      padding: 10px;
      margin-bottom: 10px;
      background-color: #FFFFFF;
    }
    .groupWrap {
      padding: 0 10px;
    }
    .groupItemWrap:hover {
      .deleteBox {
        display: block;
      }
    }
    .groupItemWrap {
      background-color: #FFFFFF;
      margin-bottom:10px;
      padding: 10px;
      position: relative;
      .deleteBox {
        position: absolute;
        right: -6px;
        top: -6px;
        background-color: #FFF;
        //border-radius: 50%;
        font-size: 18px;
        color: #999;
        line-height: 1;
        display: none;
      }
      .groupNameInp {
        width: 50%;
      }
      .goodsNumInp {
        width: 80px;
      }
      .contentInp {
        width: 60%;
      }
      .cursor {
        cursor: pointer;
        font-size: 12px;
        color: #fff;
    
        &.color {
          color: #2c3e50;
        }
      }
    
      .typeName {
        display: inline-block;
        border: 1px solid rgba(51, 136, 255, 0.3);
        background: #e2f3ff;
        padding: 1px 4px;
        text-align: center;
        margin-right: 5px;
      }
      .microTitle {
        font-size: 12px;
        color: #464646;
        padding: 5px;
      }
      .modifyBtn {
        color: #38f;
      }
      .linkBox {
        height: 36px;
        .linkText {
          font-size: 12px;
          color: #2589ff;
          line-height: 1;
        }
        .rightIcon {
          font-size: 14px;
          color: #2589ff;
          line-height: 1;
        }
      }
      
      .iconItem {
        width: 40px;
        height: 40px;
        background-color: #f0f2f5;
        border-radius: 4px;
        margin-right: 10px;
        border: 1px solid #f0f2f5;
        position: relative;
        .iconText {
          font-size: 18px;
          color: #464646;
        }
        .activeBox {
          position: absolute;
          right: -1px;
          bottom: -1px;
          z-index: 10;
          width: 20px;
          height: 20px;
        }
      }
      .activeIcon {
        border-color: #2589ff;
      }
    }
    .addBtnWrap {
      .el-button {
        display: block !important;
        width: 100%;
        background-color: #FFFFFF;
      }
    }
    .checkeGoodsWrap {
      padding: 10px;
      background-color: #FFFFFF;
      .checkTitle {
        font-size: 14px;
        color: #464646;
        font-weight: bold;
        line-height: 1;
        padding-bottom: 10px;
      }
      .goodsItem_a {
        width: 50px;
        height: 50px;
        border: 1px solid #999999;
        cursor: pointer;
      }

      .goodsItem {
        position: relative;
        margin: 5px;
      }
      .checkItem {
        font-size: 18px;
        color: #464646;
        line-height: 1;
        margin: 5px;
      }
    }
    .goodsWrap {
      margin: 10px 0 30px 0;
      padding: 10px;
      background-color: #FFFFFF;
      .el-radio-button--small .el-radio-button__inner{
        padding: 4px 10px;
      }
      .itemTitle {
        font-size: 12px;
        color: #464646;
        line-height: 1;
        margin-right: 10px;
      }
      .showText {
        font-size: 12px;
        color: #999;
        line-height: 1;
      }
      .mar_bottom {
        margin-bottom: 10px;
      }
      .cartStyleType {
        padding: 10px;
        background-color: #f9f9f9;
        margin-bottom: 10px;
        .el-radio__label {
          font-size: 12px;
          color: #464646;
        }
        .btnInpBox {
          padding-top: 10px;
          .btnInp {
            width: 50%;
            margin-left: 10px;
          }
        }
      }
      .tipBox {
        position: relative;
        margin-left: 10px;
        color: #2589ff;
        font-size: 12px;
        line-height: 1;
        .tipImg {
          position: absolute;
          right: -110px;
          top: 50%;
          transform: translateY(-50%);
          background: url(https://cdn2.weimob.com/saas/@assets/saas-fe-retail-web-stc/retail2/images/storeDesign/saleout-sample.png) no-repeat 50%/100% 100%;
          width: 106px;
          height: 100px;
          background-size: cover;
          z-index: 2;
          display: none;
        }
      }
      .tipBox:hover {
        .tipImg {
          display: block;
        }
      }
    }
    .goodsTitle {
      font-size: 14px;
      color: #464646;
      line-height: 1;
      font-weight: bold;
      padding: 10px 0;
    }
    .styleWrap {
      margin-bottom: 10px;
      background-color: #f0f2f5;
      border-radius: 6px;
      padding: 0 10px 5px;
      .el-radio-button--small .el-radio-button__inner{
        padding: 4px 10px;
      }
      .titleStyle {
        padding: 10px 0;
        font-size: 14px;
        font-weight: 700;
        color: #595961;
      }
      .item_mar {
        margin-bottom: 12px;
      }
      .text_mar {
        margin-left: 10px;
      }
      .resetText {
        padding: 5px;
      }
      .el-color-picker {
        margin: 0;
      }
      .progressWrap {
        .progressBox {
          width: 100%;
          height: 40px;
          padding:5px;
          background-color: #FFFFFF;
          .progress {
            padding: 0 10px;
          }
          .inpWrap {
            width: 30px;
            height: 30px;
            text-align: center;
            line-height: 30px;
          }
        }
      }
    }
  }
}
